<!--徽章-->
<script setup>
import {replaceResource} from "@/assets/js/routerUtils";
import {Medal} from "@ginstone/nga-api/dist/src/response/field/Medal"
import {toRefs} from "vue";

const props = defineProps({data: Medal})
const {data} = toRefs(props)
</script>

<template>
  <span style="margin-right: 3px">
    <el-tooltip>
      <img :src="replaceResource(data.url)" alt=""/>
      <template #content>
        <div>名称: {{ data.name }}</div>
        <div>描述: {{ data.tooltip }}</div>
      </template>
    </el-tooltip>
  </span>
</template>

<style scoped>

</style>